<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>video style-2</title>
    <link rel="stylesheet" href="../../model/jsFn.css">
    <link rel="stylesheet" href="../../model/element.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< video style="2" ></a></p>
        </li>
        <li>
            <p><a href="#attribute">属性</a></p>
            <ul>
                <li><p><a href="#example">实例</a></p></li>
                <li><p><a href="#optional">可选属性</a></p></li>
                <li><p><a href="#note">提示和注释</a></p></li>
                <li><p><a href="#sketch">效果图</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#jsFn">js函数</a></p>
            <ul>
                <li><p><a href="#jsFn_setUrls">setUrls</a></p></li>
                <li><p><a href="#jsFn_start">start</a></p></li>
                <li><p><a href="#jsFn_last">last</a></p></li>
                <li><p><a href="#jsFn_next">next</a></p></li>
                <li><p><a href="#jsFn_setAuto">setAuto</a></p></li>
                <li><p><a href="#jsFn_setAuto">setAuto</a></p></li>
                <li><p><a href="#jsFn_endListener">endListener</a></p></li>
            </ul>
        </li>
        <li>
            <p><a href="#childElement">子标签</a></p>
            <p>无</p>
        </li>
    </ul>
</div>
<!--标签-->
<div id="element">
    <h2>video style-2</h2>
    <div>简介:</div>
    <p>用于播放音频</p>
</div>
<!--属性-->
<div id="attribute">
    <h2>属性</h2>
    <div style="margin-left: 25px" id="example">
        <h3>实例:</h3>
        <xmp>
            <video style="2" background="#ffffff" id="musicPlayer" height="80"/>
        </xmp>
    </div>
    <div id="optional">
        <h3>可选属性:</h3>
        <table >
            <tbody>
            <tr>
                <th>属性</th>
                <th>值</th>
                <th>描述</th>
            </tr>
            <tr>
                <td>无</td>
                <td>无</td>
                <td>无</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div id="note">
        <h3>提示和注释:</h3>
        <p>需要播放音频的列表用setUrls方法添加</p>
        <p></p>
    </div>
    <div id="sketch">
        <h3>效果图:</h3>
        <img src="img/video_style2.png" alt="">
    </div>
</div>
<div id="jsFn">
    <h2>js方法</h2>
    <div id="jsFn_setUrls" class="jsFnModel">
        <h3>setUrls:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.setUrls(urls) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>添加需要播放的音频列表</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>urls</p>
                    <p>&nbsp;Array&nbsp;</p>
                    <p>添来需要播放的音频列表的数组</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').setUrls(urls);
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_start" class="jsFnModel">
        <h3>start:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.start(position,script1,script2) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>音频开始播放</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>position</p>
                    <p>&nbsp;int&nbsp;</p>
                    <p>用于定位音频列表数组中的单条数据</p>
                </li>
                <li>
                    <p>script1</p>
                    <p>&nbsp;function&nbsp;</p>
                    <p></p>
                </li>
                <li>
                    <p>script2</p>
                    <p>&nbsp;function&nbsp;</p>
                    <p></p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').start(1,()=>{},()=>{});
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_last" class="jsFnModel">
        <h3>last:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.last(script) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>播放上一首音频</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>script</p>
                    <p>&nbsp;function&nbsp;</p>
                    <p>传递播放上一首时需要执行的方法</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').last(()=>{if(currentPage > 0){ document.pages = 0;}});
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_next" class="jsFnModel">
        <h3>next:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.next(script) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>播放下一首音频</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>script</p>
                    <p>&nbsp;function&nbsp;</p>
                    <p>传递播放下一首时需要执行的方法</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').next(()=>{if(currentPage > 6){ document.pages = 0;}});
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_setAuto" class="jsFnModel">
        <h3>setAuto:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.setAuto(isAuto) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>设置音频是否自动播放，默认关闭</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>isAuto</p>
                    <p>&nbsp;Bool&nbsp;</p>
                    <p>ture自动播放，flase关闭自动播放</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').setAuto(true);
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
    <div id="jsFn_endListener" class="jsFnModel">
        <h3>endListener:</h3>
        <div class="shape">
            <h3>函数使用样式</h3>
            <p>video.endListener(script) ->video;</p>
        </div>
        <div class="profile">
            <h3>函数功能简介</h3>
            <p>音频播放结束后，需要执行的方法</p>
        </div>
        <div class="version">
            <p>稳定性;2 - 稳定的</p>
            <p>新增于:v0.0.0</p>
        </div>
        <div class="params">
            <h3>参数列表</h3>
            <ul>
                <li>
                    <p>script</p>
                    <p>&nbsp;function&nbsp;</p>
                    <p>传递播放结束时需要执行的方法</p>
                </li>
            </ul>
        </div>
        <div class="res">
            <h3>返回值</h3>
            <p>vodio</p>
            <p>返回video本身</p>
        </div>
        <div class="code">
            <h3>例子</h3>
            <pre>
            <code>
                < video style="2" background="#ffffff" id="musicPlayer" height="80"/>
                document.$('musicPlayer').setAuto(true);
            </code>
        </pre>
        </div>
        <div class="error">
            <h3>抛出错误</h3>
        </div>
    </div>
</div>
<div id="childElement">
    <h2>子标签</h2>
    <p>无</p>
</div>
<div class="author">
    <p>by-沛华</p>
</div>
</body>
</html>